<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head> 
   <meta charset="UTF-8">
   <%@ include file="/WEB-INF/views/include/head.jsp"%>
   <link rel="stylesheet" href="${ctxStatic}/css/common_erp.css">
   <link rel="stylesheet" href="${ctxStatic}/css/layerSm.css">
   <script src="${ctxStatic}/js/jquery-1.9.1.min.js"></script>
   <script src="${ctxStatic}/js/layer.js"></script>
   <script src="${ctxStatic}/js/style.js"></script>
   <script>
 	function inventoryBtn() {
 		popup('500px','324px','${ctx}/slopwork/inbound/detailCreate?inventoryRequestDetailId=${slopworkInbound.inventoryRequestDetailId}');
	}
 	
    function clothesDetailList() {
    	var inventoryRequestDetailId = $("#inventoryRequestDetailId").val();
    	params={"inventoryRequestDetailId":inventoryRequestDetailId};
    	$.post("${ctx}/slopwork/inbound/inventoryClothesDetail",params,function(result){            
            // 回调函数赋值
            var h = $(callBackHtml(result)).find("#tableInventoryRequestDetails").html();
            $('#tableInventoryRequestDetails').html(h);
            
        },'html');
	}
  //获取 iframe 数量 
	var frLength = window.parent.frames.length;
	//父画面下标 
	var parentIndex = frLength-2;
 	function closeThisWin() {
 		window.parent.frames[parentIndex].requestDetailsList();
		closeWin();
	}
   </script>
</head>
<body>
<div class="layerHeader clearfix">
	<p class="headerTitle"><spring:message code="slopworkInbound_detail_head" /></p>
    <div class="headerButton clearfix">
        <!-- 入库 -->
        <button type="button" onclick="inventoryBtn();"><spring:message code="slopworkInbound_detail_btn_in" /></button>
        <!-- 取消 -->
        <button type="button" onclick="closeThisWin();"><spring:message code="inventory_detail_set_close" /></button>
    </div>
</div>
<form id="inputForm" method="post">
<input type="hidden" id="inventoryRequestDetailId" name="inventoryRequestDetailId" value="${slopworkInbound.inventoryRequestDetailId}"/>
<div style="height: 20px;padding: 17px 10px;">
     <p class="tit"><spring:message code="slopworkInbound_detail_title" /></p>
</div>
<div class="tableArea">
    <div class="tableScrollSm" style="overflow:auto;width:860px;height:420px;">
        <table cellpadding="0" class="tableHead">
            <thead>
            <tr>
                <!-- 序号 -->
                <th><p class="tab-ddcz"><spring:message code="slopworkInbound_list_no" /></p></th>
                <!-- 款号 -->
                <th><p class="width-125px"><spring:message code="slopworkInbound_detail_styleNo" /></p></th>
                <!-- 款式名称 -->
                <th><p style="width:155px;"><spring:message code="slopworkInbound_detail_styleName" /></p></th>
                <!-- 颜色 -->
                <th><p class="width-80px"><spring:message code="slopworkInbound_detail_color" /></p></th>
                <!-- 尺码 -->
                <th><p class="width-80px"><spring:message code="slopworkInbound_detail_size" /></p></th>
                <!-- 仓库名称 -->
                <th><p class="width-80px"><spring:message code="slopworkInbound_detail_warehouseName" /></p></th>
                <!-- 货架位置 -->
                <th><p style="width:80px;"><spring:message code="slopworkInbound_detail_rackPlace" /></p></th>
                <!-- 入库数量 -->
                <th><p class="width-80px"><spring:message code="slopworkInbound_detail_inventoryQuantity" /></p></th>
                <!-- 备注 -->
                <th><p class="width-100px"><spring:message code="common_remarks" /></p></th>                                
            </tr>
            </thead>
        </table>
        <table cellpadding="0" class="tableBody" id="tableInventoryRequestDetails">
        <c:if test="${not empty slopworkInbound.clothsInventoryDetailsList}">
            <tbody>
            <c:forEach items="${slopworkInbound.clothsInventoryDetailsList}" var="requestDetailsInfo" varStatus="status">
            <tr>
                <!-- 序号 -->
                <td><p class="tab-ddcz">${status.index+1}</p></td>
                <!-- 款号 -->
                <td><p class="width-125px text_overflow" data-toggle="tooltip" title="${requestDetailsInfo.customerStyleNo}">${requestDetailsInfo.customerStyleNo}</p></td>
                <!-- 款式名称 -->
                <td><p style="width:155px;" class="text_overflow" data-toggle="tooltip" title="${requestDetailsInfo.styleNameCn}">${requestDetailsInfo.styleNameCn}</p></td>
                <!-- 颜色 -->
                <td><p class="width-80px">${requestDetailsInfo.styleColor}</p></td>
                <!-- 尺码 -->
                <td><p class="width-80px">${fns:getDictName(requestDetailsInfo.styleSize)}</p></td>
                <!-- 仓库名称 -->
                <td><p class="width-80px text_overflow" data-toggle="tooltip" title="${requestDetailsInfo.warehouseName}">${requestDetailsInfo.warehouseName}</p></td>
                <!-- 货架位置 -->
                <td><p class="width-80px text_overflow" style="width:80px;" data-toggle="tooltip" title="${requestDetailsInfo.rackPlace}">${requestDetailsInfo.rackPlace}</p></td>
                <!-- 入库数量 -->
                <td><p class="width-80px"><fmt:formatNumber value="${requestDetailsInfo.realQuantity}" pattern="#,##0.###"/></p></td>
                <!-- 备注 -->
                <td><p class="width-100px text_overflow" data-toggle="tooltip" title="${requestDetailsInfo.remarks}">${requestDetailsInfo.remarks}</p></td>
            </tr>
            </c:forEach>
            </tbody>
        </c:if>    
        </table>
    </div>
</div>
</form>
</body>
</html>